<template>
    <ui-main class="pl5 pr5 bg-white">
        <div class="pt10 pb10 flex row-center col-center">
            <div class="f18">{{detail.notice_title}}</div>
        </div>

        <div class="pb10 f14" v-html="detail.notice_content"></div>

        <div class="flex flex-column row-right pb10 f14">
            <div>{{detail.customer_name}}</div>
            <div>{{$date(detail.realse_time, 'yyyy年M月d日')}}</div>
        </div>
    </ui-main>
</template>

<script>
    import cy from '../mixins/cy';

    export default {
        mixins: [cy],
        data() {
            return {
                // 请求参数
                notice_id: this.$route.query.notice_id,
                // 数据源
                detail: {}
            };
        },
        mounted() {
            this.$loading.open();

            this.$$getNoticeReceiveDetail(this.notice_id).then(data => {
                this.detail = data;

                this.$title(this.detail.notice_title);

                this.$loading.close();
            }).catch(e => {
                console.error(e);

                this.$loading.close();
            });
        }
    }
</script>

<style lang="scss">
    img {
        max-width: 100%;
    }
</style>
